<template>
  <div id="aCoursesList" class="bg-fa of">
    <section class="container">
      <section class="i-article">
        <div class="fl col-7">
          <section class="mr30">
            <header class="comm-title all-article-title">
              <h2 class="fl tac">
                <span class="c-333">文章</span>
              </h2>
              <section class="c-tab-title">
                <a href="javascript: void(0)">&nbsp;</a>
              </section>
            </header>
            <!-- /无数据提示 开始-->
            <!-- /无数据提示 结束-->
            <article class="i-article-list">
              <!-- /文章列表 开始-->
              <ul>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/01.jpg" alt="雅思阅读能力提高有方法 文章精读可以这样做">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="雅思阅读能力提高有方法 文章精读可以这样做" class="i-art-title">雅思阅读能力提高有方法 文章精读可以这样做</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">雅思阅读能力提高有方法 文章精读可以这样做</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2019-02-26 10:31</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/23.html">
                        <em class="icon18">&nbsp;</em>(<span>1</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('23',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise23_3 praiseCount">1</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/02.jpg" alt="关注·底层教育梦：先天不足 后天亏损？">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="关注·底层教育梦：先天不足 后天亏损？" class="i-art-title">关注·底层教育梦：先天不足 后天亏损？</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">关注·底层教育梦：先天不足 后天亏损？</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-28 16:12</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/26.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('26',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise26_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/03.jpg" alt="哈佛商学院院长：21世纪人人都需要创业精神">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="哈佛商学院院长：21世纪人人都需要创业精神" class="i-art-title">哈佛商学院院长：21世纪人人都需要创业精神</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">哈佛商学院院长：21世纪人人都需要创业精神</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-28 15:08</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/22.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('22',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise22_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/04.jpg" alt="美国教授：求知是为了看世界 不是让世界看你">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="美国教授：求知是为了看世界 不是让世界看你" class="i-art-title">美国教授：求知是为了看世界 不是让世界看你</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">美国教授：求知是为了看世界 不是让世界看你</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-28 15:04</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/21.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('21',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise21_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/05.jpg" alt="MBA过来人亲述：联考英语复习经验">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="MBA过来人亲述：联考英语复习经验" class="i-art-title">MBA过来人亲述：联考英语复习经验</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">在各门科目之中，有两门课程是拉分最多的，一门是数学，一门是英语。其中英语是在多数考生最大的拦路虎，因为工作多年的人，如果工作中不常接触，英语的底子多是很差的。而英语是很难突击上去的，靠临时“抱佛脚”很难奏效。我英语基础较差，但经过自己有计划、有重点的系统复习，年MBA[微博]联考中，英语过了70分这道槛，取得了较为满意的结果，感到甚是欣慰。</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-10 00:00</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/20.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('20',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise20_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/06.jpg" alt="中国首款学习习近平重要讲话APP上线">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="中国首款学习习近平重要讲话APP上线" class="i-art-title">中国首款学习习近平重要讲话APP上线</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">“学习中国”APP得到了国家互联网信息办公室的支持与指导。</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/7.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('7',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise7_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/07.jpg" alt="嘲讽陈年是很容易的事，但我更愿意祝他成功">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="嘲讽陈年是很容易的事，但我更愿意祝他成功" class="i-art-title">嘲讽陈年是很容易的事，但我更愿意祝他成功</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">嘲讽陈年是很容易的事，但我更愿意祝他成功</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/9.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('9',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise9_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/08.jpg" alt="陈年重回T恤大战：凡客归来">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="陈年重回T恤大战：凡客归来" class="i-art-title">陈年重回T恤大战：凡客归来</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">凡客之路，兴于衬衫，成于T恤。2018年的春夏之交，凡客再次发布了自己的T恤，种种迹象表明，陈年与他的凡客，这一次要，归来。凡客能否重温2011年的T恤辉煌？</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/11.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('11',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise11_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/09.jpg" alt="法国总理证实失事客机无人生还">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="法国总理证实失事客机无人生还" class="i-art-title">法国总理证实失事客机无人生还</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">据美国《华盛顿邮报》3月24日报道，法国总理瓦尔斯称，一架直升机已尝试降落在坠毁地点附近，并未发现失事客机上有生还者</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/13.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('13',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise13_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
                <li>
                  <aside class="i-article-pic">
                    <img src="~/assets/photo/article/10.jpg" alt="背水一战的任天堂">
                  </aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="背水一战的任天堂" class="i-art-title">背水一战的任天堂</a>
                  </h3>
                  <section class="i-q-txt mt5 i-q-txt2">
                    <p>
                      <span class="c-999 f-fA">面对所处的窘境，固执的任天堂也低下了他那傲娇的头，而如今啪啪啪打脸般的迈出了这一步，其实他也是被逼无奈的，或者说岩田聪已经没有什么更好的办法扭转颓势了</span>
                    </p>
                  </section>
                  <section class="hLh30 txtOf mt5 pr10 a-list-extrainfo">
                    <span class="fr"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                    <div class="fl">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/14.html">
                        <em class="icon18">&nbsp;</em>(<span>0</span>)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('14',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise14_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                  </section>
                </li>
              </ul>
              <!-- /文章列表 结束-->
            </article>

            <!-- 公共分页 开始 -->
            <div>
              <div class="paging">
                <a class="undisable" title>首</a>
                <a id="backpage" class="undisable" href="#" title>&lt;</a>
                <a href="#" title class="current undisable">1</a>
                <a href="#" title>2</a>
                <a id="nextpage" href="#" title>&gt;</a>
                <a href="#" title>末</a>
                <div class="clear"/>
              </div>
            </div>
            <!-- 公共分页 结束 -->

          </section>
        </div>

        <!-- 好文推荐 -->
        <aside class="fl col-3 articleRecommend">
          <div>
            <header class="comm-title all-article-title">
              <h2 class="fl tac">
                <span class="c-333">文章排行榜</span>
              </h2>
              <section class="c-tab-title">
                <a href="javascript: void(0)">&nbsp;</a>
              </section>
            </header>
            <section class="i-article-list r-art-wrap">
              <ul>
                <li class="lt2">
                  <aside class="orderNum"><span>1</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="雅思阅读能力提高有方法 文章精读可以这样做" class="i-art-title">雅思阅读能力提高有方法 文章精读可以这样做</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/23.html">
                        <em class="icon18">&nbsp;</em>(1)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('23',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise23_3 praiseCount">1</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2019-02-26 10:31</tt></span>
                  </section>
                </li>
                <li class="lt2">
                  <aside class="orderNum"><span>2</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="中国军舰协助英、德等10国从也门撤侨225人" class="i-art-title">中国军舰协助英、德等10国从也门撤侨225人</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/17.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('17',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise17_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                  </section>
                </li>
                <li class="lt2">
                  <aside class="orderNum"><span>3</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="MBA过来人亲述：联考英语复习经验" class="i-art-title">MBA过来人亲述：联考英语复习经验</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/20.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('20',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise20_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-10 00:00</tt></span>
                  </section>
                </li>
                <li>
                  <aside class="orderNum"><span>4</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="中国首款学习习近平重要讲话APP上线" class="i-art-title">中国首款学习习近平重要讲话APP上线</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/7.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('7',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise7_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                  </section>
                </li>
                <li>
                  <aside class="orderNum"><span>5</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="背水一战的任天堂" class="i-art-title">背水一战的任天堂</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/14.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('14',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise14_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                  </section>
                </li>
                <li>
                  <aside class="orderNum"><span>6</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="嘲讽陈年是很容易的事，但我更愿意祝他成功" class="i-art-title">嘲讽陈年是很容易的事，但我更愿意祝他成功</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/9.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('9',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise9_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                  </section>
                </li>
                <li>
                  <aside class="orderNum"><span>7</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="渠道之殇：三星手机中国没落背后" class="i-art-title">渠道之殇：三星手机中国没落背后</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/15.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('15',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise15_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                  </section>
                </li>
                <li>
                  <aside class="orderNum"><span>8</span></aside>
                  <h3 class="hLh30 txtOf">
                    <a href="/article/1" title="陈年重回T恤大战：凡客归来" class="i-art-title">陈年重回T恤大战：凡客归来</a>
                  </h3>
                  <section class="hLh30 txtOf mt5">
                    <div class="fr">
                      <span> <a class="noter-dy vam" title="回答" href="http://127.0.0.1:81/front/articleinfo/11.html">
                        <em class="icon18">&nbsp;</em>(0)
                      </a> <tt title="赞一下" class="noter-zan vam ml10 f-fM" onclick="addPraise('11',3)">
                        <em class="icon18">&nbsp;</em>(<span class="addPraise11_3 praiseCount">0</span>)
                      </tt>
                      </span>
                    </div>
                    <span class="fl"><tt class="c-999 f-fM">2018-09-09 10:08</tt></span>
                  </section>
                </li>
              </ul>
            </section>
          </div>
        </aside>
        <div class="clear"/>
      </section>
    </section>
    <!-- /文章列表 结束 -->
  </div>
</template>
